<template>
  <div>
    <a-modal title="日志列表" :visible="visible" @ok="handleOk" width='65%' @cancel="handleCancel">
      <NmsHttpLogList ref='NmsHttpLogList' />
    </a-modal>
  </div>
</template>

<script>
import NmsHttpLogList from './NmsHttpLogList.vue'
export default {
  components: { NmsHttpLogList },
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    showModal(httpConfigId) {
      this.visible = true;
      setTimeout(() => {

        this.$refs.NmsHttpLogList.getList(httpConfigId)
      }, 500)
    },
    handleOk(e) {
      this.ModalText = 'The modal will be closed after two seconds';
      this.confirmLoading = true;
      setTimeout(() => {
        this.visible = false;
        this.confirmLoading = false;
      }, 2000);
    },
    handleCancel(e) {
      console.log('Clicked cancel button');
      this.visible = false;
    },
  },
}
</script>

<style></style>